<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<meta http-equiv="Content-Type" content="text/html" />
	<link href="" title="" rel="index">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-touch-fullscreen" content="yes">
	<meta name="format-detection" content="telephone=no">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<title>webApp - ZAKER导航栏滑动</title>
	<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
	<div id="head_box">		
		<div class="titlebar_right">
			<a href="javascript:void(0);">
				<img src="image/add.png" width="12" />	
			</a>
		</div>
		<div class="titlebar_left" id="titlebar_left_id">
			<div class="titlebar">
				<a href="javascript:void(0);">热点</a>
				<a href="javascript:void(0);">娱乐</a>
				<a href="javascript:void(0);">汽车</a>
				<a href="javascript:void(0);">体育</a>
				<a href="javascript:void(0);">科技</a>
				<a class="on" href="javascript:void(0);">段子</a>
				<a href="javascript:void(0);">美女</a>
				<a href="javascript:void(0);">国内</a>
				<a href="javascript:void(0);">国际</a>
				<a href="javascript:void(0);">军事</a>
				<a href="javascript:void(0);">财经</a>
				<a href="javascript:void(0);">互联网</a>
				<a href="javascript:void(0);">教育</a>
				<a href="javascript:void(0);">时尚</a>
			</div>
		</div>
	</div>
	<script src="js/zepto.js" type="text/javascript"></script>
	<script src="js/common.js" type="text/javascript"></script>
</body>
</html>